<template>
  <div>
    <el-tabs
      type="border-card"
      style="height: 92.4vh"
      @tab-click="tabChange"
      v-model="activeName8"
    >
      <el-tab-pane label="横纵剖面浸润线" name="横纵剖面浸润线">
        <HorizontalProfiles
          v-if="activeName8 == '横纵剖面浸润线'"
          v-loading="loading"
          @loadingOn="loadingOn"
        ></HorizontalProfiles>
      </el-tab-pane>
      <!-- <el-tab-pane label="横纵剖面浸润线新" name="横纵剖面浸润线新">
        <HorizontalProfilesTest
          v-if="activeName8 == '横纵剖面浸润线新'"
        ></HorizontalProfilesTest>
      </el-tab-pane> -->
      <el-tab-pane label="过程线" name="过程线">
        <SeepageProcessLine
          v-if="activeName8 == '过程线'"
          v-loading="loading1"
          @loadingOnOn="loadingOnOn"
        ></SeepageProcessLine>
      </el-tab-pane>
      <el-tab-pane label="横纵面设置" name="横纵面设置">
        <TransverseAndLongitudinalSet></TransverseAndLongitudinalSet>
      </el-tab-pane>
    </el-tabs>
    <p class="pStyle">南京中网卫星通信股份有限公司</p>
  </div>
</template>
<script>
import HorizontalProfiles from "./hydrographChild/horizontalProfiles.vue";
import HorizontalProfilesTest from "./hydrographChild/horizontalProfilesTest.vue";
import SeepageProcessLine from "./hydrographChild/seepageProcessLine.vue";
import TransverseAndLongitudinalSet from "./hydrographChild/transverseAndLongitudinalSet.vue";
export default {
  name: "hydrograph",
  components: {
    HorizontalProfiles,
    SeepageProcessLine,
    TransverseAndLongitudinalSet,
    HorizontalProfilesTest,
  },
  data() {
    return {
      activeName8: "横纵剖面浸润线",
      loading: true,
      loading1: true,
    };
  },
  methods: {
    tabChange(tab) {
      this.$store.dispatch("getTabName8", tab.paneName);
      this.loading = true;
      this.loading1 = true;
      // this.loading=false;
    },
    loadingOn(val) {
      this.loading = val;
    },
    loadingOnOn(val) {
      this.loading1 = val;
    },
  },
};
</script>
<style  scoped>
.pStyle {
  position: absolute;
  bottom: 2%;
  right: 2%;
}
.el-tabs--border-card >>> .el-tabs__content {
  padding: 0 0 0 15px;
}
</style>